@charset "euc-kr";
/*
 *  ¹ÝÀÀÇü °Ô½ÃÆÇ Å¸ÀÔ ½ºÅ¸ÀÏ
 */

/* PC-first (񃧯 = PC) */
/* ==========================
COMMON
========================== */
:root {
	--key-color: #2C5BF6;
	--text-color: #555;
}
fieldset {border: none;}
.text-center {text-align: center;}/*common.cssŬ·¡½º»ç¿ë*/
.text-right {text-align: right;}/*common.cssŬ·¡½º»ç¿ë*/
.inner {max-width: 1200px; margin: 0 auto;}

.board-textarea{width:100%; padding:12px 18px; border:1px solid #DBDEE5; border-radius:6px; font-size:14px; background:#fff;color:#333; resize:none;}
.board-textarea::placeholder{color:#7E7E7E;}
.board-textarea:disabled{background:#F5F5F5; color:#7E7E7E;}
.board-textarea:focus{outline:none;}

@media (min-width: 1200px) {

}
@media (max-width: 1199px) {
	.content .only-pc { display: none !important; }
    .content .only-mo { display: block !important; }
}
@media (max-width:767px){
	.board-textarea{padding:12px; border-radius:4px;}	
}

/* =================================================
    À¯Çüº° ¼ö½Ã ¸ðÁý : intro/susi_recruitment.asp
==================================================== */
.cont-inner {max-width: 1000px;margin:0 auto;position: relative;z-index: 1;}
.susi-recruit-title {position:relative;text-align: center;background:#0088EA}
.susi-recruit-title::before {position:absolute;top:0;left:50%;transform: translate(-50%, -50%);content: '';;width: 100%;height: 100%;background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.6) 0%, transparent 70%);filter: blur(60px);pointer-events: none;z-index: 0;}
.susi-recruit-title .title {padding:6% 0;font-size:clamp(24px, 3vw, 32px);color:#fff;font-weight: 600 ;}
.tab-susi-hide-wrap {position: absolute;bottom:0;width:100%;overflow: hidden;}
.tab-susi-hide {position: relative;}
.tab-susi-hide .swiper-slide p {display:inline-block;padding:16px 0;font-size:clamp(16px,3vw, 20px);font-weight: 600;z-index: 0;opacity: 0;overflow: hidden;line-height: 1;}
.tab-susi-hide .swiper-button-prev, .tab-susi-hide .swiper-button-next {top:58%;width:17px;height:17px;background:none;border-left:2px solid #fff;border-top:2px solid #fff;border-radius: 2px;}
.tab-susi-hide .swiper-button-prev {left:5px;transform:translateY(50%) rotate(-45deg);}
.tab-susi-hide .swiper-button-next {right:5px;transform:translateY(50%) rotate(135deg);}
.tab-susi {overflow: hidden;}
.tab-susi-outer {padding:0 32px;}
.tab-susi .tab-susi-type div {display: flex;background:#015A9B;border-radius: 10px 10px 0 0;text-align: center;justify-content: center; cursor: pointer;}
.tab-susi .tab-susi-type div p {padding:16px 0;color:#0088EA;font-size:clamp(16px, 3vw, 20px);font-weight: 600;}
.tab-susi .tab-susi-type div.custom-active {background:#fff;}
.tab-susi .tab-susi-type div.custom-active p {color:#0088EA}
.tab-susi .custom-active {color:#fff}
.susi-recruit-wrap .section-pdf {margin-top:50px;max-height:850px;height:100vw;border-bottom:1px solid #E3E3E3}
.susi-recruit-wrap .txt-noti {padding:20px 0 80px 0;color:#C5C5C5;font-size:clamp(1.2rem, 2vw, 1.6rem);;font-weight: 500;text-align: center;}
/* ÅÂºí¸´ */
@media (max-width: 1199px) {
	.tab-susi-hide .swiper-slide {padding:0}
	.susi-recruit-wrap .section-pdf {padding:0 2%;}
}

/* ¸ð¹ÙÀÏ */
@media (max-width: 767px) {
	.susi-recruit-title {padding-bottom:16px}
	.tab-susi-hide .swiper-slide p, .tab-susi .tab-susi-type div p {padding:10px 0;}
	.tab-susi-outer {padding:0;position: relative}
	.tab-susi-outer::before, .tab-susi-outer::after {content:"";display: block;position:absolute;top:0;width:7%;height:120%;background:#0088EA;z-index: 2;transform: translateY(-10%);}
	.tab-susi-outer::before {left:0;background: linear-gradient(to left, rgba(0, 136, 234, 0), rgba(0, 136, 234, 1));}
	.tab-susi-outer::after {right:0;background: linear-gradient(to right, rgba(0, 136, 234, 0), rgba(0, 136, 234, 1));}
	.tab-susi {padding:0 6%;position: relative}
	.tab-susi .tab-susi-type div {border-radius: 25px;}
	.susi-recruit-wrap .section-pdf {margin-top:0;padding:0;height:130vw;}
	.susi-recruit-wrap .txt-noti {padding-bottom:60px;}
}


/* =====================================================================
¸®½ºÆ® ÆäÀÌÁö

ºÎ¸ð´ÔÆíÁö:/russel_yj/community/letter_r.asp
===================================================================== */
/* ¸®½ºÆ® »ó´Ü */
select {padding-right: 26px; appearance: none; -webkit-appearance: none; color: #777;}
select option {border: 1px solid var(--key-color)}

.board-page {margin-bottom: clamp(32px, calc(32px + (50 - 32) * ((100vw - 360px) / 840)), 50px);}
.board-page .top-sec {display: flex; gap: 10px; justify-content: end; padding-bottom: 12px; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; }
.board-page .top-sec .input-wrap {border: 1px solid #DBDEE5;}
.board-page .input-wrap {position: relative; overflow: hidden; display: inline-flex; width: 100%; max-width: 246px; height: 42px; background: #fff; border-radius: 6px;}
.board-page .input-wrap .input-search {width: 100%; height: 100%; padding: 0; padding-left: 18px; padding-right: 40px; border: none; font-size: 14px;}
.board-page .input-wrap input:focus {outline: none;}
.board-page .search-btn { position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
	width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.25 12.5C19.25 8.77208 16.2279 5.75 12.5 5.75C8.77208 5.75 5.75 8.77208 5.75 12.5C5.75 16.2279 8.77208 19.25 12.5 19.25C16.2279 19.25 19.25 16.2279 19.25 12.5ZM20.75 12.5C20.75 17.0563 17.0563 20.75 12.5 20.75C7.94365 20.75 4.25 17.0563 4.25 12.5C4.25 7.94365 7.94365 4.25 12.5 4.25C17.0563 4.25 20.75 7.94365 20.75 12.5Z' fill='%23111111'/%3E%3Cpath d='M17.4697 17.4697C17.7626 17.1768 18.2373 17.1768 18.5302 17.4697L24.5302 23.4697C24.8231 23.7626 24.8231 24.2373 24.5302 24.5302C24.2373 24.8231 23.7626 24.8231 23.4697 24.5302L17.4697 18.5302C17.1768 18.2373 17.1768 17.7626 17.4697 17.4697Z' fill='%23111111'/%3E%3C/svg%3E%0A");
}

.alarm {display: flex; align-items: start; gap: 9px; padding: clamp(17px, calc(17px + (24 - 17) * ((100vw - 360px) / 840)), 24px) clamp(23px, calc(23px + (32 - 23) * ((100vw - 360px) / 840)), 32px); margin-bottom: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 840)), 24px); 
	background: #F8F8F8; border-radius: 8px; font-size: 16px; line-height: 1.6; letter-spacing: -0.025em; color: #555;}
.icon-alarm {flex: none; display: block; width: 24px; aspect-ratio: 1/1; background-repeat: no-repeat; background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_470_1517)'%3E%3Cpath d='M18 8C18.7956 8 19.5587 8.31607 20.1213 8.87868C20.6839 9.44129 21 10.2044 21 11C21 11.7956 20.6839 12.5587 20.1213 13.1213C19.5587 13.6839 18.7956 14 18 14' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 8V19C10 19.2652 9.89464 19.5196 9.70711 19.7071C9.51957 19.8946 9.26522 20 9 20H8C7.73478 20 7.48043 19.8946 7.29289 19.7071C7.10536 19.5196 7 19.2652 7 19V14' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 7.99995L16.524 4.22995C16.6555 4.12046 16.8154 4.0507 16.9851 4.02885C17.1548 4.00701 17.3271 4.03398 17.482 4.1066C17.6369 4.17922 17.7679 4.29449 17.8597 4.4389C17.9514 4.5833 18.0001 4.75087 18 4.92195V17.0779C18.0001 17.249 17.9514 17.4166 17.8597 17.561C17.7679 17.7054 17.6369 17.8207 17.482 17.8933C17.3271 17.9659 17.1548 17.9929 16.9851 17.971C16.8154 17.9492 16.6555 17.8794 16.524 17.7699L12 13.9999H4C3.73478 13.9999 3.48043 13.8946 3.29289 13.7071C3.10536 13.5195 3 13.2652 3 12.9999V8.99995C3 8.73473 3.10536 8.48038 3.29289 8.29284C3.48043 8.1053 3.73478 7.99995 4 7.99995H12' stroke='%23777777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_470_1517'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.btn-write {display: flex; align-items: center; justify-content: center; min-width: 120px; border-radius: 4px; font-weight: 500; line-height: 1.1;}
@media (min-width: 768px){
	.letter .board-list .tit {max-width: calc(100% - 403px);}
	.notice .board-list .tit {max-width: 69%;}

	.btn-write {background: #9AA3B2; border-color: transparent; color: #fff;}
}
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width: 1199px){
	.inner {padding: 0 24px;}
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.inner {padding: 0 16px;}

	.alarm {margin-top: 16px; margin-bottom: 0; font-size: 14px;}
	.icon-alarm {width: 20px; margin-top: 1px;}
	.top-sec .btn-write {display: none;}
	.btn-write {display: inline-flex; min-width: 84px; height: 32px; font-size: 14px;}
}

/* µå·Ó´Ù¿î */
.dropdown-wrap{position:relative; min-width:118px;}
.dropdown-wrap .select-btn{width:100%;}


/* ¸®½ºÆ® */
.board-list {padding-bottom: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); margin-bottom: 94px; border-top: 1px solid #555555;}
.board-list:has(~ .btn-more-group) {margin-bottom: 0;}
.board-list > li {display: flex; flex-wrap: wrap; min-height: 60px; border-bottom: 1px solid #E5E5E5; font-size: 14px; line-height: 1.4; letter-spacing: -0.01em; color: #777;}
.board-list > li > div {display: flex; justify-content: center; align-items: center;}
/* °øÁö»çÇ× */
.notice .col1 {width: 8.66%; letter-spacing: 0;}
.notice .col4 {width: 11.33%;}
/* ºÎ¸ð´ÔÆíÁö */
.letter .col1 {width: 88px; letter-spacing: 0;}
.letter .col4 {width: 120px;}
.board-list .notice-view {padding: 24px; font-size: 14px; color: #333;}

.board-list .col2 {width: 10.33%; }
.board-list .status {width: 116px;}
.board-list .name {width: 79px;}
.board-list .tit {flex: auto; justify-content: normal;}
.board-list .tit a{margin-left: 32px; font-size: 16px; color: #333;}
.board-list .tit a.noright {cursor: auto;}
.board-list .tit a:not(.noright):hover {font-weight: 500;}
.board-list .tit i {display: inline-flex; align-items: center; justify-content: center; width: 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: text-bottom;}
.board-list .tit a p {display: inline; margin-right: 2px;}
.board-list .tit a b {font-weight: 600;}
.board-list .tit .icon-private {vertical-align: text-top;}

.board-page .impor {padding: 3px 9px; border-radius: 99px; background: var(--key-color); font-weight: 600; font-size: 13px; color: #fff; letter-spacing: -0.025em; line-height: 1.4;}

.board-page .flag {padding: 2px 9px; border-radius: 99px; border: 1px solid; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; line-height: 1.4;}
.board-page .flag-cmplt {color: var(--key-color); background: #E4EFFF; border-color: transparent;}

.btn-more-group {text-align: center;}
.board-page .btn-prm {display: inline-flex; justify-content:center; align-items: center; min-width: 160px; height: 40px; border-radius: 4px; font-weight: 500; font-size: 15px; letter-spacing: -0.02em;}
.board-btm {margin-bottom: 24px; text-align: right;}

.btn-wh {border: 1px solid #777777; gap: 5px; background: #fff;}
.btn-wh {display: inline-flex; justify-content:center; align-items: center; min-width: 160px; height: 40px; margin: 0 auto; border-radius: 4px; gap: 5px; font-weight: 500; font-size: 14px; line-height: 1.5;}

.board-page .btn-bl {background: #333333; color: #fff;}
.btn-more-group .btn-more:after {content:''; width: 12px; height: 7px; background-repeat: no-repeat; 
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.276203 0.244272C0.634498 -0.090672 1.20424 -0.0798111 1.54875 0.268531L6 4.86257L10.4513 0.268531C10.7958 -0.079811 11.3655 -0.090672 11.7238 0.244272C12.0821 0.579216 12.0933 1.13313 11.7487 1.48147L6.64875 6.73147C6.47907 6.90304 6.24482 7 6 7C5.75518 7 5.52093 6.90304 5.35125 6.73147L0.251251 1.48147C-0.0932627 1.13313 -0.0820913 0.579216 0.276203 0.244272Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.read-bottom{margin-top: 24px; display: flex; justify-content: right; gap: 10px;}
.btn-m {min-width: 120px; height: 40px; border-radius: 4px; font-weight: 500; font-size: 14px; line-height: 1.4; letter-spacing: -0.02em; color: #fff; background: #9AA3B2}
.no-data {display: flex; align-items: center; justify-content: center; min-height: 300px; line-height: 1.1; letter-spacing: -0.025em; color: #333;}/* °øÁö»çÇ× */
.nodata {display: flex; align-items: center; justify-content: center; height: 478px; line-height: 1.1; letter-spacing: -0.025em; color: #333;}


/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.board-page .top-sec {gap: 8px; padding-top: 24px;}

	.dropdown-wrap .select-btn,
	.board-page .input-wrap {height: 38px; border-radius: 4px;}
	.board-page .input-wrap .input-search {padding-left: 12px;}

	.board-list > li {position: relative; padding: 12px 0; row-gap: 4px; font-size: 12px;}
	.board-list > li > div {justify-content: normal; align-items: start;}

	.board-list .notice-view {padding: 12px;}

	.board-list .col1 {width: 37px;}
	.board-list .col1:not(:has(.impor)){display: none;}
	.board-list .impor {padding: 2px 6px; font-size: 11px;}
	.board-list .col2 {align-items: center; justify-content: space-evenly; order:2; min-width: 38px; width: auto;}
	.board-list .col2:after {display: none;}
	.board-list .name {align-items: center; justify-content: space-evenly; min-width: 38px; width: auto;}
	.board-list .name:after {content:''; width: 1px; height: 10px; background: #D9D9D9; margin: 0 8px;}
	.board-list .col4 {order:3; width: auto;}
	.board-list .tit {width: calc(100% - 37px); padding-right: 60px;}
	.letter .tit {padding-right: 0;}
	.board-list .tit a {display: block; margin-left: 0; font-size: 14px;}

	.board-list .status {position: absolute; right: 0; width: auto;}

	.board-page .flag {font-size: 12px;}

	.board-page .btn-prm {font-size: 14px;}
	.read-bottom {margin-top: 20px;}
	.btn-m {min-width: 84px; height: 32px; }
	.no-data {min-height: 300px;}
}
/* =====================================================================
	ºäÆäÀÌÁö

	°øÁö»çÇ×:https://devrussel.megastudy.net/russel/info/notice/notice_view_r.asp
===================================================================== */
.view-info {display: flex; flex-direction: column; gap: 6px; padding: clamp(12px, calc(12px + (22 - 12) * ((100vw - 360px) / 840)), 22px) clamp(12px, calc(12px + (20 - 12) * ((100vw - 360px) / 840)), 20px); border-top: 1px solid #555555; border-bottom: 1px solid #E5E5E5;}
.view-info .title {display: flex; align-items: start;}
.board-page .view-info .impor {margin-right: 8px;}
.view-info .title b {font-weight: 600; letter-spacing: -0.01em;}
.view-info .title .new {display: inline-flex; align-items: center; justify-content: center; width: 17px; aspect-ratio: 1/1; border: 1px solid #EBEBEB; border-radius: 100%; vertical-align: 1px;}
.view-info .detail .sector {display: none;}
.view-info .detail {display: flex; font-size: 14px; letter-spacing: -0.01em; color: #777;} 
/* ³»¿ë */
.view-content {padding: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); border-bottom: 1px solid #555555;}
.view-content b,
.view-content strong {font-weight: 700;}
.view-content .content {padding-bottom: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); font-size: 14px; line-height: 1.6; letter-spacing: -0.01em;}
.view-content .content img {max-width: 75% !important; margin-top: 1.7em;}
.view-content .ck.ck-content.content figure.image img {max-width: 900px !important; min-width: auto !important;}

.view-content .file-area {display: flex; gap: 8px; padding-top: clamp(12px, calc(12px + (24 - 12) * ((100vw - 360px) / 840)), 24px); padding-left: 24px; border-top: 1px solid #EDEDED; font-size: 14px; line-height: 1.6; letter-spacing: -0.01em;}
.view-content .file-area .tit {width: 112px; font-weight: 600; }
.view-content .file-area ul {display: flex; flex-direction: column; gap: 2px; color: #777;}
.view-content .file-area ul li:hover a {font-weight: 600;}

.view-content + .btn-area {margin-top: 16px; text-align: center;}

/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.view-info {gap: 4px; margin-top: 24px;}
	.view-info .title {flex-direction: column; gap: 2px;}
	.board-page .view-info .impor {padding-top: 2px; padding-bottom: 2px; font-size: 12px;}
	.view-info .title b {font-size: 14px; line-height: 1.4;}

	.view-info .detail {font-size: 12px;}
	.view-info .detail .sector {display: flex; align-items: center;}
	.view-info .detail .sector:after {content:''; display: inline-block; width: 1px; height: 10px; background: #D9D9D9; margin: 0 8px;}

	.view-content .content {line-height: 1.4;}
	.view-content .content img {max-width: 100% !important; margin-top: 0.9em;}
	.view-content .ck.ck-content.content figure.image img {max-width: 100% !important;}

	.view-content .file-area {flex-direction: column; gap: 4px; padding-left: 0; font-size: 13px;}
}

/* =====================================================================
	ÀÛ¼º ÆäÀÌÁö

	ºÎ¸ð´ÔÆíÁö:/russel_yj/community/letter_view_r.asp
===================================================================== */
.write-form {padding: 40px; background-color: #ECF5FD; border-radius: 20px; color: #333;}
.write-form .head {display: flex;}
.write-form .col {width: 50%;}
.write-form .col:first-child {padding-right: 32px; border-right: 1px solid #c6d6fb;}
.write-form .col:last-child {padding-left: 32px;}
.write-form .col .tit {display: flex; align-items: center; gap: 3px; margin-bottom: 12px; font-weight: 600; line-height: 1.1; letter-spacing: -0.025em;}
.write-form .col .tit i {display: block;}
.write-form .col .body {display: flex; gap: 12px;}
.write-form .col .body > div[class*="-wrap"] {flex: 1; max-width: none;}
.write-form .custom-dropdown .select-btn {width: 100%;}
/* ÆíÁö±Û */
.write-form .content {padding-top: 40px;}
.write-form .content-inner {display: flex; flex-direction: column; gap: 16px; padding: 32px; background-color: #FAFDFF; border-radius: 10px;}
.write-form .field .tit {position: relative; padding-bottom: 12px; font-weight: 600; font-size: 15px; line-height: 1.4; letter-spacing: -0.02em;}
.write-form .title-field .tit:before {content:''; position: absolute; right: 13px; bottom: 0; width: 250px; height: 96px; background-repeat: no-repeat; background-size: contain; background-image: url('https://russeldata.megastudy.net/campus/images/russel/campus_common/2026/board/bg_ltTitle.png');}
.write-form .content .input-wrap {max-width: none;}

.write-form .text-count {margin-top: 12px; font-weight: 600; font-size: 13px; line-height: 1; letter-spacing: -0.025em; color: #777;}
.write-form .text-count b {font-weight: 700; color: #333;}

.privacy-wrap {position: relative; overflow: hidden; background: #fff; border-radius: 6px; border: 1px solid #DBDEE5; font-size: 13px; color: #7E7E7E; line-height: 1.4; letter-spacing: -0.025em;}
.privacy-wrap .privacy {position: relative; height: 132px; overflow-y: auto; padding: 12px 16px;}
/* Scrollbar */
.privacy-wrap:before {content:''; position: absolute; right: 12px; top: 0; bottom: 0; width: 1px; height: auto;  background: #E8E8E8;}
.privacy-wrap .privacy::-webkit-scrollbar { width: 12px;  background: #FCFCFC; border-radius: 99px; }
.privacy-wrap .privacy::-webkit-scrollbar-track{}
.privacy-wrap .privacy::-webkit-scrollbar-thumb {border-radius: 99px; height: 32px; border: 3px solid #FCFCFC; background: #7A7A7A; }

.write-btn-area {display: flex; gap:12px; justify-content: center; padding-top: clamp(24px, calc(24px + (40 - 24) * ((100vw - 360px) / 840)), 40px); padding-bottom: clamp(32px, calc(32px + (50 - 32) * ((100vw - 360px) / 840)), 50px);}
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width: 1199px){
	.write-form .head {flex-direction: column; gap: 32px;}
	.board-page .write-form .col {width: 100%; padding: 0; border-right: none;}
}
/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px){
	.write-form {margin-top: 24px; padding: 24px 16px; border-radius: 12px;}
	.write-form .col .tit i svg {width: 20px;}
	.write-form .col .tit strong {font-size: 14px;}
	.write-form .col .body {flex-direction: column; gap: 8px;}

	.write-form .content {padding-top: 24px;}
	.write-form .content-inner {padding: 24px 16px;}
	.write-form .title-field .tit:before {right: 9px; width: 172px; height: 66px;}
	.write-form .field .tit {font-size: 14px;}

	.privacy-wrap .privacy {font-size: 12px;}
	.write-btn-area {}
}


/* =====================================================================
	START ÀÚÁÖ ¹¯´Â Áú¹® : /russel/info/qna/faq.asp
===================================================================== */
/* FAQ Common
---------------------------------------------------- */
.faq-page {background:#fff;color:#333;overflow-x: hidden;}
.faq-page * {box-sizing:border-box;letter-spacing:0}
.faq-page a {color:inherit;text-decoration:none}
.faq-page button {font-family:inherit;cursor:pointer}
.faq-page .blind {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}

.faq-page .btn-board {position:relative;display:inline-flex;align-items:center;justify-content:center;width:160px;height:40px;padding:0 28px 0 0;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:15px;font-weight:500;line-height:38px;text-align:center}
.faq-page .btn-board:after {content:"";position:absolute;top:14px;right:52px;width:8px;height:8px;border-right:1px solid #222;border-bottom:1px solid #222;transform:rotate(45deg)}
.faq-page .btn-board.btn-list {padding-right:0;text-decoration:none}
.faq-page .btn-board.btn-list:after {display:none}

/* Title
---------------------------------------------------- */
.faq-page .faq-title {display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;padding:0px 0 42px}
.faq-page .faq-title h1 {margin:0;color:#333;font-size:26px;font-weight:600;line-height:1.3;text-align:center}
.faq-page .faq-search {width:536px;max-width:calc(100% - 32px)}
.faq-page .faq-search fieldset {position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:52px;margin:0;padding:8px 58px 8px 32px;border:1px solid #333;border-radius:999px;background:#fff}
.faq-page .faq-search legend {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0 0 0 0)}
.faq-page .faq-search input {display:block;width:100%;height:36px;margin:0;padding:0;border:0;background:transparent;color:#333;font-size:18px;font-weight:500;line-height:36px;outline:none}
.faq-page .faq-search input::placeholder {color:#a8a8a8}
.faq-page .faq-search .btn-clear {display:none;position:absolute;top:50%;right:54px;width:24px;height:24px;margin-top:-12px;padding:0;border:0;background:transparent}
.faq-page .faq-search .btn-clear:before, .faq-search .btn-clear:after {content:"";position:absolute;top:11px;left:5px;width:14px;height:1px;background:#777}
.faq-page .faq-search .btn-clear:before {transform:rotate(45deg)}
.faq-page .faq-search .btn-clear:after {transform:rotate(-45deg)}
.faq-page.is-search .faq-search .btn-clear {display:block}
.faq-page .faq-search .btn-search {position:absolute;top:50%;right:18px;width:36px;height:36px;margin-top:-18px;padding:0;border:0;background:#fff}

/* Layout
---------------------------------------------------- */
.faq-page .sub-header {padding:42px 0 24px;color: #333;}
.faq-page .faq-wrap {width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px}
.faq-page .section-title {display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-bottom:20px}
.faq-page .section-title h2 {margin:0;color:#333;font-size:20px;font-weight:700;line-height:1}
.faq-page .top-question {margin-bottom:50px}
.faq-page .top-list {display:flex;gap:16px;margin:0;padding:0;list-style:none;height: 146px;}
.faq-page .top-card strong {display:block;color:#2c5bf6;font-size:15px;font-weight:700;line-height:1.4}

.faq-page .top-list-swiper{overflow:hidden;height:146px;}
.faq-page .top-list-swiper .swiper-slide{width:227.2px;height:auto;}
.faq-page .top-card{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:119px;height:auto;padding:24px;border:1px solid #f6f7fb;border-radius:10px;background:#f6f7fb;color:#333;line-height:1.4;}
.faq-page .top-card span {display:-webkit-box;overflow:hidden;color:#333;font-size:16px;font-weight:400;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;}
.faq-page .top-card.is-open span {-webkit-line-clamp:3}

.faq-page .faq-content{display:flex;align-items:flex-start;gap:40px;width:100%;}
.faq-page .faq-filter-swiper{width:180px;flex-shrink:0;overflow:hidden;}
.faq-page .faq-filter{display:flex;flex-direction:column;gap:8px;width:180px;flex-shrink:0;}
.faq-page .faq-filter .swiper-slide{width:100%;flex-shrink:0;}
.faq-page .faq-filter button,.faq-page .faq-filter a{display:block;width:100%;height:40px;padding:0 10px;border:0;border-radius:6px;background:#fff;color:#555;font-size:16px;font-weight:400;line-height:40px;text-align:left;}
.faq-page .faq-filter button:hover,.faq-page .faq-filter a:hover{background:#f6f7fb;color:#2c5bf6;font-weight:500;}
.faq-page .faq-filter button.on,.faq-page .faq-filter a.on{background:#2c5bf6;color:#fff;font-weight:500;border:1px solid #2c5bf6;}

.faq-page .faq-list-wrap {width:980px;flex-shrink:0}
.faq-page.is-search .faq-content {display:block}
.faq-page.is-search .faq-list-wrap {width:1200px}
.faq-page .faq-list {margin:0;padding:0;border-top:1px solid #111;list-style:none}
.faq-page .faq-list li {border-bottom:1px solid #e5e5e5;background:#fff}
.faq-page .faq-list li:hover {background:#f6f7fb}
.faq-page .faq-link {position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:81px;padding:16px 58px 16px 12px}
.faq-page.is-search .faq-link {min-height:56px;gap:4px;padding-top:8px;padding-bottom:8px}
.faq-page .faq-link:after {content:"";position:absolute;top:50%;right:21px;width:8px;height:8px;margin-top:-4px;border-top:1px solid #777;border-right:1px solid #777;transform:rotate(45deg)}
.faq-page .faq-tag {display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:23px;padding:4px 5px;border:1px solid #777;border-radius:4px;color:#555;font-size:13px;font-weight:400;line-height:1}
.faq-page .faq-link strong {display:block;color:#333;font-size:16px;font-weight:400;line-height:1.4;word-break:keep-all}
.faq-page .faq-list li:hover .faq-link strong {color:#2c5bf6;font-weight:400}
.faq-page .faq-highlight {color:#2c5bf6;font-weight:700}
.faq-page .btn-more-group {display:flex;justify-content:center;margin-top:24px}
.faq-page .faq-result {width:1200px;margin:0 auto 32px;color:#333;font-size:20px;font-weight:700;line-height:1}
.faq-page .faq-result p {margin:0}
.faq-page .faq-result strong, .faq-result span {color:#2c5bf6}
.faq-page .faq-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;height:225px;border-top:1px solid #555;border-bottom:1px solid #e5e5e5;color:#333;text-align:center}
.faq-page .faq-empty .empty-icon {width:40px;height:35px;margin-bottom:8px;}
.faq-page .faq-empty .empty-icon img {width: 100%;height: 100%;}
.faq-page .faq-empty p {margin:0;font-size:16px;font-weight:500;line-height:1.4}

/* Inquiry
---------------------------------------------------- */
.faq-page .inquiry-box {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:40px 0 0 220px;padding:30px 24px;border-radius:16px;background:#f8f8f8;text-align:center}
.faq-page.is-search .inquiry-box {width:1200px;margin-left:0}
.faq-page .inquiry-icon {display:block;width:54px;height:54px}
.faq-page .inquiry-icon img {display:block;width:54px;height:54px}
.faq-page .inquiry-text {display:flex;flex-direction:column;gap:4px;color:#333;line-height:1.4}
.faq-page .inquiry-text strong {font-size:18px;font-weight:700;line-height:1.4}
.faq-page .inquiry-desc {font-size:16px;font-weight:400;line-height:1.4}
.faq-page .btn-inquiry {display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 30px;border:1px solid #dbdbdb;border-radius:6px;background:#fff;color:#555;font-size:14px;font-weight:500;line-height:1.1;text-align:center}

/* View
---------------------------------------------------- */
.faq-view-page .faq-view {width:980px;flex-shrink:0}
.faq-view-page .view-box {border-top:1px solid #111}
.faq-view-page .view-title {position:relative;display:flex;align-items:center;min-height:72px;padding:0 24px 0 60px;border-bottom:1px solid #e5e5e5;background:#fff}
.faq-view-page .view-title h2 {margin:0;color:#333;font-size:20px;font-weight:600;line-height:1.4;word-break:keep-all}
.faq-view-page .btn-back{position:absolute;left:24px;top:50%;width:24px;height:24px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.5 12L4.5 12M10.125 6L4.5 12L10.125 18' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/24px auto;}
.faq-view-page .view-content {min-height:237px;padding:24px;background:#fff;color:#555;font-size:14px;font-weight:400;line-height:1.7;word-break:keep-all}
.faq-view-page .view-content p {margin:0 0 10px}
.faq-view-page .view-content p:last-child {margin-bottom:0}
.faq-view-page .view-content img {max-width:100%;height:auto}

/* FAQ search result
---------------------------------------------------- */
.faq-page .faq-search .btn-clear {border-radius:999px;background:#f0f0f0}
.faq-page .faq-search .btn-clear:before,.faq-page .faq-search .btn-clear:after {top:11px;left:8px;width:8px;background:#777}
.faq-page.is-search .faq-result {margin-bottom:12px}
.faq-page.is-search .faq-list {border-top:1px solid #111}
.faq-page.is-search .faq-tag {display:none}
.faq-page.is-search .faq-link {min-height:56px;padding:16px 58px 16px 12px}
.faq-page.is-search .faq-link strong {font-size:16px;line-height:1.4}
.faq-page.is-search .btn-more-group {margin-top:24px}
.faq-page.is-search .inquiry-box {margin-top:40px}



/* Tablet
---------------------------------------------------- */
@media (max-width:1199px){
	.faq-page .sub-header{padding:36px 0 24px;}
	.faq-page .faq-title{padding:0 0 36px;}
	.faq-page .faq-title h1{font-size:24px;}
	.faq-page .faq-wrap{padding:0;}
	.faq-page .faq-content{display:block;padding:0 24px;}
	.faq-page .top-question{margin-bottom:40px;overflow:hidden;}
	.faq-page .top-list-swiper{margin-left:24px;height:unset;}
	.faq-page .top-list-swiper .swiper-slide{width:227.2px;}
	.faq-page .faq-filter-swiper{width:100%;margin-bottom:12px;overflow:hidden;}
	.faq-page .faq-filter.swiper-wrapper{display:flex;flex-direction:row;gap:0;width:auto;flex-shrink:0;}
	.faq-page .faq-filter .swiper-slide{width:auto;flex-shrink:0;}
	.faq-page .faq-filter button,.faq-page .faq-filter a{width:auto;height:33px;min-width:54px;padding:0 14px;border:1px solid #dbdbdb;border-radius:999px;background:#fff;color:#777;font-size:15px;font-weight:400;line-height:31px;white-space:nowrap;text-align:center;}
	.faq-page .faq-filter button:hover,.faq-page .faq-filter a:hover{background:#fff;color:#777;font-weight:400;}
	.faq-page .faq-filter button.on,.faq-page .faq-filter a.on{background:#2c5bf6;color:#fff;border-color:#2c5bf6;font-weight:500;}
	.faq-page .faq-search .btn-clear{margin-top:-10px;}
	.faq-page .inquiry-box,.faq-page.is-search .inquiry-box{padding:30px 24px;border-radius:0;margin:50px 0 0;}
	.faq-page .faq-result{margin-bottom:12px;font-size:20px;}
	.faq-page .view-content{min-height:258px;}
	.faq-page .faq-list-wrap{width:100%;}
	.faq-page .section-title{padding:0 24px;}
	.faq-view-page .faq-view{width:unset;padding: 0px;}
	.faq-view-page .btn-more-group{margin:24px 0 50px;}
	.faq-page.is-search .faq-result{margin-left:24px;}
	.faq-page.is-search .faq-list-wrap,.faq-page.is-search .inquiry-box,.faq-page.is-search .faq-result{width:100%;}
}

/* Mobile
---------------------------------------------------- */
@media (max-width:767px){
	.faq-page .sub-header{padding:17px 15px 15px;}
	.faq-page .faq-title{gap:18px;padding:16px 0 30px;}
	.faq-page .faq-title h1{font-size:22px;}
	.faq-page .faq-search{max-width:calc(100% - 32px);}
	.faq-page .faq-search fieldset{height:44px;padding:6px 44px 6px 18px;}
	.faq-page .faq-search input{height:28px;font-size:14px;line-height:28px;}
	.faq-page .faq-search .btn-clear{right:40px;width:20px;height:20px;}
	.faq-page .faq-search .btn-clear:before,.faq-page .faq-search .btn-clear:after{top:9px;left:6px;}
	.faq-page .faq-search .btn-search{right:10px;width:28px;height:28px;margin-top:-14px;}
	.faq-page .faq-search .btn-search img{width:100%;}
	.faq-page .faq-wrap{padding:0;}
	.faq-page .faq-content{padding:0px;}
	.faq-page .section-title{margin-bottom:12px;padding:0 16px;}
	.faq-page .section-title h2{font-size:16px;}
	.faq-page .top-question{margin:0 0 32px;padding-top:4px;}
	.faq-page .top-list-swiper{margin-left:16px;}
	.faq-page .top-list-swiper .swiper-slide{width:150px;}
	.faq-page .top-card{height:auto;min-height:92px;padding:12px 16px;border-radius:8px;}
	.faq-page .top-card strong{font-size:13px;}
	.faq-page .top-card span{font-size:14px;}
	.faq-page .faq-filter-swiper{margin:0 0px 12px 16px;padding:0 0 0 0px;}
	.faq-page .faq-filter.swiper-wrapper{flex-direction:row;}
	.faq-page .faq-filter button,.faq-page .faq-filter a{height:31px;min-width:48px;padding:0 12px;font-size:14px;line-height:29px;}
	.faq-page .faq-link,.faq-page.is-search .faq-link{min-height:73px;padding:12px 42px 12px 0;}
	.faq-page.is-search .faq-link{min-height:49px;}
	.faq-page .faq-link:after{right:12px;width:7px;height:7px;}
	.faq-page .faq-tag{min-height:20px;font-size:12px;}
	.faq-page .faq-link strong{font-size:14px;line-height:1.45;white-space:normal;}
	.faq-page.is-search .faq-link strong{font-size:15px;}
	.faq-page .btn-more-group,.faq-page.is-search .btn-more-group{margin-top:16px;}
	.faq-page .faq-result{margin-bottom:12px;font-size:16px;line-height:1.4;}
	.faq-page.is-search .faq-result{margin-left:16px;}
	.faq-page .faq-empty,.faq-page.is-search .faq-empty{height:144px;}
	.faq-page .faq-empty p{font-size:15px;}
	.faq-page .inquiry-box,.faq-page.is-search .inquiry-box{gap:8px;margin-top:32px;padding:24px 56px;border-radius:0;}
	.faq-page .inquiry-text strong{font-size:16px;}
	.faq-page .inquiry-desc{font-size:14px;line-height:1.5;white-space:normal;}
	.faq-page .btn-inquiry{height:32px;padding:0 18px;font-size:13px;}
	.faq-page .view-title{min-height:46px;padding:0 12px 0 44px;}
	.faq-page .view-title h2{font-size:16px;}
	.faq-page .btn-back{left:12px;width:20px;height:20px;}
	.faq-page .view-content{padding:12px;font-size:14px;line-height:1.5;}
	.faq-view-page .btn-more-group{margin:16px 0 32px;}
	.faq-view-page .faq-view{padding: 0 16px;}
	.faq-page .faq-list-wrap {padding: 0 16px;}
}
/* =====================================================================
	END ÀÚÁÖ ¹¯´Â Áú¹® : /russel/info/qna/faq.asp
===================================================================== */


/* =====================================================================
	START ¿Â¶óÀÎ »ó´ã : /russel/info/qna/qna.asp
===================================================================== */
.qna-page{background:#fff;color:#333;overflow-x:hidden;}
.qna-page *{box-sizing:border-box;letter-spacing:0;}
.qna-page a{color:inherit;text-decoration:none;}
.qna-page button{font-family:inherit;cursor:pointer;}
.qna-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px;}
.qna-top,.qna-tabs,.qna-tab,.btn-qna-write,.qna-list.board-list>li,.qna-list.board-list>li>div,.qna-list .tit a,.qna-list .flag,.qna-empty-state{display:flex;align-items:center;}
.qna-top,.qna-tab,.btn-qna-write,.qna-list.board-list>li>div,.qna-list .flag,.qna-empty-state{justify-content:center;}
.qna-top{justify-content:space-between;width:100%;height:40px;margin-bottom:12px;}
.qna-tabs{gap:10px;height:40px;}
.qna-tab,.btn-qna-write{width:120px;height:40px;border-radius:4px;font-size:14px;font-weight:500;text-align:center;}
.qna-tab{padding:0;border:1px solid #777;background:#fff;color:#222;line-height:1.5;}
.qna-tab.on{border-color:#2c5bf6;color:#2c5bf6;}
.btn-qna-write{background:#9aa3b2;color:#fff!important;line-height:40px;}
.btn-qna-write-mo{display:none;}
.qna-list-area{width:100%;}
.qna-list.board-list{padding-bottom:24px;margin-bottom:0;border-top:1px solid #555;}
.qna-list.board-list>li{flex-wrap:nowrap;min-height:60px;border-bottom:1px solid #e5e5e5;color:#777;font-size:14px;line-height:1.4;}
.qna-list.board-list>li>div{height:60px;}
.qna-list .col1{width:88px;}
.qna-list.board-list>li>.col2,.qna-list.board-list>li>.col4,.qna-list.board-list>li>.name{color:#777;font-size:14px;letter-spacing:-0.14px;}
.qna-list.board-list>li>.col2{justify-content:flex-start;width:220px;padding:0 24px;word-break:keep-all;text-align:left;}
.qna-list.board-list>li>.ta-category{display:none;}
.qna-list.board-list>li>.tit{flex:1;justify-content:flex-start;min-width:0;overflow:hidden;padding:0 32px;text-align:left;}
.qna-list .tit a{gap:6px;min-width:0;color:#333;font-size:16px;line-height:1.4;text-align:left;}
.qna-list .tit a p{overflow:hidden;max-width:100%;margin:0;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px;}
.qna-list .tit .new{display:inline-flex;align-items:center;justify-content:center;flex:none;width:17px;height:17px;border:1px solid #ebebeb;border-radius:999px;background:#fff;color:#ff3b30;font-size:9px;font-style:normal;font-weight:700;line-height:1;}
.qna-list.board-list>li>.name{width:79px;text-align:center;}
.qna-list.board-list>li>.col4{width:120px;text-align:center;}
.qna-list.board-list>li>.status{justify-content:center;width:116px;text-align:center;}
.qna-list .flag{min-width:63px;height:25px;padding:2px 10px;border-radius:999px;background:#f0f0f0;color:#777;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.14px;}
.qna-list .flag-cmplt{background:#e4efff;color:#2c5bf6;}
.qna-list-area .btn-more-group{margin-top:0;text-align:center;}
.qna-list-area .btn-wh{width:160px;height:40px;margin:0 auto;padding:0;border-color:#777;background:#fff;color:#222;font-size:15px;line-height:38px;}
.qna-empty{height:300px;border-top:1px solid #555;border-bottom:1px solid #e5e5e5;}
.qna-empty-state{flex-direction:column;gap:8px;width:100%;height:478px;border-top:1px solid #555;border-bottom:1px solid #e5e5e5;background:#fff;color:#333;text-align:center;}
.qna-empty-state .empty-icon,.qna-empty-state .empty-icon img{display:block;width:40px;height:35px;}
.qna-empty-state p{margin:0;color:#333;font-size:16px;font-weight:400;line-height:1.1;letter-spacing:-0.4px;}

@media (max-width:1199px){
.qna-wrap{max-width:none;padding:0 24px 50px;}
.qna-list.board-list{padding-bottom:24px;}
.qna-list.board-list>li{position:relative;display:flex;flex-wrap:wrap;align-items:center;min-height:70px;padding:14px 0;row-gap:2px;color:#777;font-size:14px;line-height:1.4;}
.qna-list.board-list>li>div{height:auto;}
.qna-list.board-list>li>.col1,.qna-list.board-list>li>.name{display:none;}
.qna-list.board-list>li>.col2{order:1;display:flex;align-items:center;justify-content:flex-start;flex:none;width:auto;max-width:50%;padding:0 0 0 24px;color:#777;font-size:14px;line-height:1.4;letter-spacing:-0.14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qna-list.board-list>li>.ta-category{order:1;display:flex;align-items:center;flex:none;width:auto;max-width:50%;min-width:0;padding:0 24px 0 10px;color:#777;font-size:14px;line-height:1.4;letter-spacing:-0.14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qna-list.board-list>li>.ta-category:before{content:'';flex:none;width:1px;height:12px;margin-right:10px;background:#dbdbdb;}
.qna-list.board-list>li:after{content:'';order:1;display:block;flex:0 0 100%;height:0;}
.qna-list.board-list>li>.tit{order:2;flex:1 1 calc(100% - 245px);justify-content:flex-start;width:auto;min-width:0;padding:0 24px;text-align:left;}
.qna-list .tit a{font-size:16px;line-height:1.4;}
.qna-list.board-list>li>.col4{order:3;justify-content:center;width:134px;padding:0 12px;color:#777;font-size:14px;line-height:1.4;letter-spacing:-0.14px;text-align:center;}
.qna-list.board-list>li>.status{order:4;justify-content:center;width:111px;padding-right:24;text-align:center;}

.qna-list.board-list .tit a {margin-left: 0;}
}

@media (max-width:767px){

.qna-empty-state{height:370px;}
.qna-empty-state p{font-size:14px;}

.qna-wrap{padding:24px 16px 86px;}
.qna-list.board-list>li>.ta-category{display:none!important;}
.qna-top{height:auto;margin-bottom:12px;}
.qna-top .only-pc-ta{display:none!important;}

.btn-qna-write-wrap {background: #fff;position:fixed;left:0px;right:0px;bottom:0px;z-index:100;margin:0 auto;}
.btn-qna-write-mo{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100vw - 32px);max-width:371px;height:38px;margin:16px auto 16px;border-radius:4px;background:#2c5bf6;color:#fff!important;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.28px;text-align:center;}
.btn-qna-write-mo:after{content:'';display:block;width:7px;height:7px;border-top:1.5px solid #fff;border-right:1.5px solid #fff;transform:rotate(45deg);}
.qna-tabs{gap:8px;height:32px;}
.qna-tab,.btn-qna-write{width:84px;height:32px;border-radius:4px;font-size:13px;}
.qna-list.board-list{padding-bottom:16px;}
.qna-list.board-list>li{position:relative;display:flex;flex-wrap:wrap;min-height:74px;padding:10px 0;row-gap:6px;font-size:12px;}
.qna-list.board-list>li>div{height:auto;justify-content:flex-start;}
.qna-list .col1{width:37px;}
.qna-list.board-list>li>.col2{order:2;width:auto;max-width:calc(100% - 154px);padding:0;font-size:12px;white-space:normal;}
.qna-list.board-list>li>.tit{width:calc(100% - 37px);flex:none;padding:0 64px 0 0;}
.qna-list .tit a{font-size:14px;}
.qna-list.board-list>li>.name{display:flex;order:2;width:auto;font-size:12px;}
.qna-list .name:after{content:'';width:1px;height:10px;margin:0 8px;background:#d9d9d9;}
.qna-list.board-list>li>.col4{order:3;width:auto;padding:0;font-size:12px;}
.qna-list.board-list>li>.status{position:absolute;right:0;top:13px;width:auto;padding-right:0;}
.qna-list .flag{min-width:62px;height:23px;padding:2px 8px;font-size:12px;}
.qna-list .tit .new{width:15px;height:15px;font-size:8px;}

}

/* QNA Write Layer
---------------------------------------------------- */
.qna-page .custom-dropdown .select-btn {width: 100%;}
body.qna-layer-open{overflow:hidden}
.qna-layer{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;font-family:inherit;color:#333}
.qna-layer-dim{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.45)}
.qna-layer-panel{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;width:648px;max-width:calc(100% - 48px);max-height:calc(100vh - 48px);overflow:hidden;transform:translate(-50%,-50%);border-radius:20px;background:#fff}
.qna-layer-head{display:flex;align-items:center;justify-content:space-between;flex:none;width:100%;padding:32px 24px 24px}
.qna-layer-head h2{margin:0;color:#222;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-0.36px}
.btn-layer-close{position:relative;width:28px;height:28px;padding:0;border:0;background:transparent;font-size:0;line-height:0}
.btn-layer-close:before,.btn-layer-close:after{content:'';position:absolute;left:4px;top:13px;width:21px;height:1.5px;background:#111}
.btn-layer-close:before{transform:rotate(45deg)}
.btn-layer-close:after{transform:rotate(-45deg)}
.qna-layer-body{flex:1;min-height:0;overflow-y:auto;padding:0 0 24px}
.qna-form{display:flex;flex-direction:column;gap:20px;padding:0 24px 48px}
.qna-field{display:flex;flex-direction:column;gap:8px;width:100%}
.qna-field label{display:block;color:#333;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-0.3px}
.qna-field label em{color:#ed2024;font-style:normal}
.qna-input,.qna-select,.qna-textarea{width:100%;height:42px;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#333;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-0.28px;box-sizing:border-box}
.qna-input{padding:0 18px}

.qna-field .qna-domain-select{margin-top:10px}
.qna-email-row{display:flex;align-items:center;gap:8px;width:100%}
.qna-email-row .qna-input{flex:1;min-width:0}
.qna-email-row .at{flex:none;color:#333;font-size:16px;line-height:42px}
.qna-domain-select{margin-top:10px}
.qna-textarea{height:234px;padding:12px 18px;resize:none;color:#777;white-space:pre-wrap}
.byte-count{height:13px;margin:0;color:#b1b1b1;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-0.48px;text-align:right}
.qna-file-row{display:flex;gap:12px;width:100%}
.qna-file-row .qna-input{flex:1;min-width:0}
.btn-file{flex:none;width:120px;height:42px;border:0;border-radius:6px;background:#9aa3b2;color:#fff;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-0.3px;text-align:center}
.qna-privacy{width:100%}
.privacy-title{height:46px;padding:11px 24px;background:#f1f3f8;color:#333;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:-0.36px;box-sizing:border-box}
.privacy-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 48px);height:38px;margin:20px 24px 0;padding:0;border:0;background:#fff;color:#333;text-align:left}
.privacy-toggle span{font-size:14px;font-weight:500;line-height:1.5;letter-spacing:-0.28px}
.privacy-toggle em{position:relative;padding-right:18px;color:#333;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;letter-spacing:-0.14px}
.privacy-toggle em:after{content:'';position:absolute;right:0;top:5px;width:7px;height:7px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg)}
.privacy-toggle[aria-expanded='true'] em:after{top:8px;transform:rotate(225deg)}
.privacy-detail{max-height:160px;overflow-y:auto;margin:8px 24px 0;padding:14px 16px;border:1px solid #ededed;border-radius:6px;background:#fff;color:#7e7e7e;font-size:13px;line-height:1.55;letter-spacing:-0.26px;overflow-y: scroll !important;font-size: 14px;}
.privacy-detail strong{display:block;margin-top:8px;color:#777;font-weight:400;font-size: 14px;}
.privacy-detail strong:first-child{margin-top:0}
.qna-layer-foot{display:flex;justify-content:center;gap:12px;flex:none;width:424px;max-width:calc(100% - 48px);margin:0 auto;padding:0 0 28px}
.qna-layer-foot button{flex:1;height:40px;border-radius:4px;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-0.3px;text-align:center}
.btn-layer-cancel{border:1px solid #777;background:#fff;color:#222}
.btn-layer-submit{border:1px solid #333;background:#333;color:#fff}

/* qna file attach test */
.qna-file-area{width:100%}
.qna-file-row{align-items:flex-start;gap:8px}
.qna-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0}
.qna-file-name{display:block;width:100%;margin-top:8px;padding:0;border:0;background:transparent;color:#7e7e7e;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:-0.24px;text-align:left;cursor:pointer}
.qna-file-name:empty{display:none}


@media (max-width:767px){
	.qna-layer-dim{display:none}
	.qna-layer-panel{left:0;top:0;width:100%;max-width:none;height:100%;max-height:none;transform:none;border-radius:0}
	.qna-layer-head{height:50px;padding:11px 16px;border-bottom:1px solid #ebebeb;box-sizing:border-box}
	.qna-layer-head h2{font-size:18px;text-align:center;letter-spacing:0}
	.btn-layer-close{width:28px;height:28px}
	.qna-layer-body{padding-bottom:16px}
	.qna-form{gap:24px;padding:24px 16px 40px}
	.qna-field .qna-domain-select {margin-top: 0px;}
	.qna-field{gap:8px}
	.qna-field label{font-size:14px;letter-spacing:-0.28px}
	.qna-input,.qna-select{height:38px;border-radius:4px;font-size:14px}
	.qna-field .qna-custom-select .select-btn{height:38px;padding:0 12px;border-radius:4px}
	.qna-field .qna-custom-select .option{padding-left:12px;padding-right:12px}
	.qna-input{padding:0 12px}
	.qna-select{padding-left:12px;background-position:right 12px center}
	.qna-email-row{gap:6px}
	.qna-email-row .at{width:14px;text-align:center;font-size:14px;line-height:38px}
	.qna-textarea{height:314px;padding:12px;border-radius:4px;font-size:14px;letter-spacing:-0.24px}
	.qna-file-row{gap:8px}
	.btn-file{width:104px;height:38px;border-radius:4px;font-size:14px}
	.privacy-title{height:44px;padding:12px 16px;font-size:16px;letter-spacing:-0.3px}
	.privacy-toggle{width:calc(100% - 32px);margin:28px 16px 0}
	.privacy-detail{max-height:150px;margin:8px 16px 0;font-size:13px}
	.privacy-detail strong {font-size: 13px;}
	.qna-layer-foot{width:100%;max-width:none;gap:12px;padding:0 16px 28px;box-sizing:border-box}
	.qna-layer-foot button{height:38px;font-size:14px}

	.btn-file{width:85px;height:38px;padding:0 8px;border-radius:4px;font-size:14px;letter-spacing:-0.28px}
	.qna-file-row{gap:8px}.qna-file-name{margin-top:8px}
	.qna-file-row .qna-input{height:38px;border-radius:4px}
	.qna-file-name {font-size: 12px;}
}
/* =====================================================================
	END ¿Â¶óÀÎ »ó´ã : /russel/info/qna/qna.asp
===================================================================== */

/* =====================================================================
	START ¿Â¶óÀÎ »ó´ã »ó¼¼ : /russel/info/qna/qna_view.asp
===================================================================== */
.qna-view-wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 0 50px}
.qna-view-box{width:100%;border-top:1px solid #555;border-bottom:1px solid #555;background:#fff}
.qna-view-box .view-head{padding:22px 20px;border-bottom:1px solid #e5e5e5}
.qna-view-box .view-head-top{display:flex;align-items:center;justify-content:space-between;width:100%;height:20px;margin-bottom:8px}
.qna-view-box .view-category{color:#777;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-0.14px}
.qna-view-box .flag{display:inline-flex;align-items:center;justify-content:center;min-width:68px;height:26px;padding:2px 10px;border:0;border-radius:999px;background:#f0f0f0;color:#777;font-size:14px;font-weight:500;line-height:26px;letter-spacing:-0.14px}
.qna-view-box .flag-cmplt{background:#e4efff;color:#2c5bf6}
.qna-view-box .view-head-bottom{display:flex;align-items:center;justify-content:space-between;width:100%}
.qna-view-box .view-head-bottom h3{margin:0;color:#333;font-size:16px;font-weight:600;line-height:1.1;letter-spacing:-0.16px}
.qna-view-box .view-meta{display:flex;align-items:center;gap:10px;color:#777;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-0.14px}
.qna-view-box .view-meta span + span{position:relative;padding-left:10px}
.qna-view-box .view-meta span + span:before{content:'';position:absolute;top:50%;left:0;width:1px;height:12px;margin-top:-6px;background:#dbdbdb}
.qna-view-box .view-body{display:flex;flex-direction:column;gap:24px;padding:24px;color:#333;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-0.14px}
.qna-view-box .view-body p{margin:0;line-height:1.6}
.qna-view-box .answer-box{display:flex;flex-direction:column;gap:14px;width:100%;margin-top:0;padding:20px 32px;border-radius:6px;background:#f8f8f8;color:#333}
.qna-view-box .answer-head{display:flex;align-items:center;gap:8px;width:100%;padding-bottom:14px;border-bottom:1px solid #dbdbdb}
.qna-view-box .answer-head strong{color:#333;font-size:16px;font-weight:600;line-height:1.6;letter-spacing:-0.16px}
.qna-view-box .answer-head span{color:#777;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:-0.14px}
.qna-view-box .answer-content{color:#333;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:-0.14px;}
.qna-view-box .answer-content p{margin:0;line-height:1.6}
.qna-view-box .answer-file {padding-top: 14px;border-top: 1px solid #dbdbdb;}
.qna-view-box .answer-file strong {color:#333;font-size: 14px;}
.qna-view-box .answer-file p {color:#777;font-size: 14px;}
.qna-view-box .file-row{display:flex;align-items:flex-start;gap:8px;margin:0 24px;padding:24px 0;border-top:1px solid #ededed;color:#777;font-size:14px;line-height:1.6;letter-spacing:-0.14px}
.qna-view-box .file-row strong{flex:0 0 112px;color:#333;font-weight:600}
.qna-view-box .file-row a{display:flex;flex:1;min-width:0;max-width:100%;overflow:hidden;color:#777;white-space:nowrap}
.qna-view-box .file-row .file-name-base{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qna-view-box .file-row .file-name-ext{flex:none;white-space:nowrap}

.qna-view-wrap .view-actions{display:flex;justify-content:flex-end;gap:10px;width:100%;margin-top:12px}
.qna-view-wrap .btn-view-action{display:flex;align-items:center;justify-content:center;width:120px;height:40px;border-radius:4px;background:#9aa3b2;color:#fff;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.28px;text-align:center}
.qna-view-wrap .view-bottom{display:flex;justify-content:center;margin-top:12px}
.qna-view-wrap .btn-list{display:flex;align-items:center;justify-content:center;width:160px;height:40px;border:1px solid #777;border-radius:4px;background:#fff;color:#222;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-0.3px;text-align:center}
@media (max-width:1199px){
	.qna-view-wrap{max-width:none;padding:0 24px 50px}
}
@media (max-width:767px){
	.qna-view-wrap{padding:24px 16px 32px}
	.qna-view-box .view-head{padding:12px 0 12px}
	.qna-view-box .view-head-top{height:auto;margin-bottom:8px}
	.qna-view-box .view-head-bottom{align-items:flex-start;flex-direction:column;gap:8px}
	.qna-view-box .view-head-bottom h3{font-size:15px}
	.qna-view-box .view-meta{font-size:12px}
	.qna-view-box .view-body{padding:12px;font-size:14px;gap: 12px;}
	/* .qna-view-box .view-body p {font-size: 14px;min-height: 116px;} */
	.qna-view-box .view-category {font-size: 12px;}
	.qna-view-box .answer-box {padding: 12px 14px;gap: 8px;}
	.qna-view-box .answer-head {padding-bottom: 6px;}
	.qna-view-box .answer-head strong {font-size: 14px;}
	.qna-view-box .answer-head span {font-size: 12px;}
	.qna-view-box .answer-content p {font-size: 14px;}
	.qna-view-box .answer-file strong {font-size: 13px;}
	.qna-view-box .answer-file p {font-size: 13px;}
	.qna-view-box .file-row{flex-direction:column;gap:4px;margin:0 12px;padding:12px 0;font-size:13px}
	.qna-view-box .file-row strong{width:auto;flex-basis:auto}
	.qna-view-box .flag {font-size: 12px;padding: 3px 10px;min-width: 62px;height: 23px;}
	.qna-view-wrap .view-actions{margin-top:10px}
	.qna-view-wrap .btn-view-action{width:84px;height:32px;font-size:13px}
	.qna-view-wrap .view-bottom{margin-top:16px}
	.qna-view-wrap .btn-list{width:158px;height:38px;font-size:14px}
}
/* =====================================================================
	END ¿Â¶óÀÎ »ó´ã »ó¼¼ : /russel/info/qna/qna_view.asp
===================================================================== */